<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Taylor Intramurals</title>
<link href="css/style.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" type="text/css" href="css/jquery.gallery.css"/>
<link rel='stylesheet' type='text/css' href='css/fullcalendar.css' />
<script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jquery.dimensions.js"></script>
<script type="text/javascript" src="js/plugins/jquery.gallery.0.3.js"></script>
<script type='text/javascript' src='js/jquery/ui.core.js'></script>
<script type='text/javascript' src='js/jquery/ui.draggable.js'></script>
<script type='text/javascript' src='js/jquery/ui.resizable.js'></script>
<script type='text/javascript' src='js/fullcalendar.min.js'></script>
<script type='text/javascript'>

	$(document).ready(function() {
	
		var date = new Date();
		var d = date.getDate();
		var m = date.getMonth();
		var y = date.getFullYear();
		
		$('#calendar').fullCalendar({
			header: {
				left: 'prev,next today',
				center: 'title',
				right: 'month,agendaWeek,agendaDay'
			},
			editable: true,
			events: [
				{
					title: 'All Day Event',
					start: new Date(y, m, 1)
				},
				{
					title: 'Long Event',
					start: new Date(y, m, d-5),
					end: new Date(y, m, d-2)
				},
				{
					id: 999,
					title: 'Repeating Event',
					start: new Date(y, m, d-3, 16, 0),
					allDay: false
				},
				{
					id: 999,
					title: 'Repeating Event',
					start: new Date(y, m, d+4, 16, 0),
					allDay: false
				},
				{
					title: 'Meeting',
					start: new Date(y, m, d, 10, 30),
					allDay: false
				},
				{
					title: 'Lunch',
					start: new Date(y, m, d, 12, 0),
					end: new Date(y, m, d, 14, 0),
					allDay: false
				},
				{
					title: 'Birthday Party',
					start: new Date(y, m, d+1, 19, 0),
					end: new Date(y, m, d+1, 22, 30),
					allDay: false
				},
				{
					title: 'Click for Google',
					start: new Date(y, m, 28),
					end: new Date(y, m, 29),
					url: 'http://google.com/'
				}
			]
		});
		
	});

</script>
<script type="text/javascript">
	$(document).ready(function(){
		$('#id_of_gallery').gallery({
    		interval: 5500,
    		height: '230px',
    		width: '800px'
	});
});
</script>

<style type='text/css'>

	#calendar {
		width: 500px;
		margin: 0 auto;
	        height: 800px;
		}

</style>

</head>

<body>
<div id="wrapper">
	<div id="header">
    	
<div id="id_of_gallery" class="gallery">
<div id="logo"><img src="images/logo_v2.png" width="87" height="70" /></div>
  			<ul class="galleryBar">
    			<li><a href="images/slideshow/1.jpg" title="Welcome to the intramurals page!"><img src="images/thumbnails/#_thumbnail.jpg" title="Greetings! I'm the first caption!" /></a></li>
    			<li><a href="images/slideshow/2.jpg" title="Hi Drew!"><img src="images/thumbnails/#_thumbnail.jpg" title="Hello there I'm the second caption"/></a></li>
    			<li><a href="images/slideshow/3.jpg" title="Hi Ryan!"><img src="images/thumbnails/#_thumbnail.jpg" title="I'm the third caption"/></a></li>
                <li><a href="images/slideshow/4.jpg" title="HAZZAH!"><img src="images/thumbnails/#_thumbnail.jpg" title="I'm the 4th"/></a></li>
    			<li><a href="images/slideshow/5.jpg" title="you get the idea"><img src="Images/thumbnails/#_thumbnail.jpg" title="...and so forth"/></a></li>
  			</ul>
		</div>
	</div>
<div class="nav">
    	<ul>
			<li><a href="index.html">Home</a></li>
            <li><a href="#">Sports</a>
            <ul>
				<li><a href="#">Tennis</a></li>
                <li><a href="#">Softball</a></li>
                <li><a href="#">Tennis</a></li>
                <li><a href="#">Basketball</a></li>
                <li><a href="#">Volleyball</a></li>
                <li><a href="#">Dodgeball</a></li>
                <li><a href="#">Soccer</a></li>
                <li><a href="#">Fall Football</a></li>
			</ul>            
            </li>
			<li><a href="schedule.html">Schedule</a></li>
			<li><a href="referees.html">Referees</a></li>
			<li><a href="standings.html">Standings</a></li>
            <li><a href="#">Register</a></li>
          </ul>
      </div>
    <div id="container">
    	<div id="content">
        <h1>Schedule</h1>
        <div id='calendar'></div></div>
        <div id="sidebar">
  <input type="text" id="search" name="temp" value="Search..." onblur="checksearch();"/><br />
        </div>
    </div>
<div id="footer">Copyright &copy; 2009, Taylor Intramurals. All Rights Reserved. Design created by <a href="http://www.rdgstudios.com">Ryan Gates</a>, <a href="http://www.nathanielelliott.com/">Nathaniel Elliott</a>, <a href="http://wondercreationstudios.com/">Chad Jordan</a>, and Drew Baker.</div>
</div>
</body>
</html>
